<template>
  <div class="link">
    <a v-for="(v, i) in arr" :key="i">
      <img :src="v.src" :alt="v.alt" />
    </a>
  </div>
</template>

<script>
export default {
  computed: {
    arr() {
      if (this.$store.state.Home.link2.length != 0) {
        return this.$store.state.Home.link2;
      } else {
        return null;
      }
    },
  },
};
</script>

<style scoped>
.link {
  width: 334rem;
  height: 184rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  background: #e8e8e8;
  margin: 0 auto;
  box-shadow: 0 0 5rem 0.5px #817979;
}
a {
  width: 49.6%;
  height: 49.5%;
}
img {
  width: 100%;
  height: 100%;
}
</style>
